<template>
  <div id="moreDetail" class="mytable">
    <el-scrollbar style="height: calc(100% + 17px);" v-if="deptMoreeditForm.b01">
        <table cellspacing="0" cellpadding="0" class="detailinfotable">
          <tr><th>上级机构名称</th><td>{{deptMoreeditForm.b01.pname}}</td></tr>
          <tr><th>上级机构编码</th><td>{{deptMoreeditForm.b01.b0121}}</td></tr>
          <tr>
            <th>类别</th>
            <td>
              <span v-if="deptMoreeditForm.b01.b0194==='1'">法人单位</span>
              <span v-else-if="deptMoreeditForm.b01.b0194==='2'">内设机构</span>
              <span v-else-if="deptMoreeditForm.b01.b0194==='3'">机构分组</span>
            </td>
          </tr>
        </table>
      <div v-if="deptMoreeditForm.b01.b0194==='1'">
        <table cellspacing="0" cellpadding="0" class="detailinfotable">
          <tr><th>机构编码</th><td>{{deptMoreeditForm.b01.b0111}}</td></tr>
          <tr><th>法人单位、内设机构、机构分组编码</th><td>{{deptMoreeditForm.b01.b0114}}</td></tr>
          <tr><th>机构名称</th><td>{{deptMoreeditForm.b01.b0101}}</td></tr>
          <tr><th>简 称</th><td>{{deptMoreeditForm.b01.b0104}}</td></tr>
          <tr><th>所在政区</th><td>{{deptMoreeditForm.b01.b0117}}</td></tr>
          <tr><th>隶属关系</th><td>{{deptMoreeditForm.b01.b0124}}</td></tr>
          <tr><th>机构类别</th><td>{{deptMoreeditForm.b01.b0131}}</td></tr>
          <tr><th>机构级别</th><td>{{deptMoreeditForm.b01.b0127}}</td></tr>
          <tr><th>参照公务员法管理审批时间</th><td>{{deptMoreeditForm.b01.b0238}}</td></tr>
          <tr><th>参照公务员法管理审批文号</th><td>{{deptMoreeditForm.b01.b0239}}</td></tr>
        </table>
      </div>
      <div v-else-if="deptMoreeditForm.b01.b0194==='3'">
        <table cellspacing="0" cellpadding="0" class="detailinfotable">
          <tr><th>机构编码</th><td>{{deptMoreeditForm.b01.b0111}}</td></tr>
          <tr><th>法人单位、内设机构、机构分组编码</th><td>{{deptMoreeditForm.b01.b0114}}</td></tr>
          <tr><th>机构名称</th><td>{{deptMoreeditForm.b01.b0101}}</td></tr>
          <tr><th>简 称</th><td>{{deptMoreeditForm.b01.b0104}}</td></tr>
        </table>
      </div>
      <div v-else-if="deptMoreeditForm.b01.b0194==='2'">
        <table cellspacing="0" cellpadding="0" class="detailinfotable">
          <tr><th>机构编码</th><td>{{deptMoreeditForm.b01.b0111}}</td></tr>
          <tr><th>法人单位、内设机构、机构分组编码</th><td>{{deptMoreeditForm.b01.b0114}}</td></tr>
          <tr><th>机构名称</th><td>{{deptMoreeditForm.b01.b0101}}</td></tr>
          <tr><th>简 称</th><td>{{deptMoreeditForm.b01.b0104}}</td></tr>
          <tr><th>机构级别</th><td>{{deptMoreeditForm.b01.b0127}}</td></tr>
        </table>
      </div>
        <table cellspacing="0" cellpadding="0" class="detailinfotable">
          <tr><th>备注</th><td>{{deptMoreeditForm.b01.B0180}}</td></tr>
        </table>
    </el-scrollbar>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    unitInfo: ''
  },
  watch: {
    unitInfo (val) {
      this.deptMoreeditForm = val
    }
    // $refs.tree2.getCurrentNode()
  },
  data () {
    return {
      deptEditswitch: false,
      moreDetailLoading: false,
      deptMoreeditForm: {},
      deptMoreEditFormRules: {
      },
      editLoading: false,
      deptMoreEditFormLoading: false,
      hyoptions: [{
        value: '类别1',
        label: '类别1'
      }, {
        value: '类别2',
        label: '类别2'
      }],
      sydwoptions: [{
        value: '类型1',
        label: '类型1'
      }, {
        value: '类型2',
        label: '类型2'
      }]
    }
  },
  methods: {
  },
  mounted () {
  }
}
</script>
<style >
#moreDetail{
  overflow: hidden;
}
.infotable{
  margin:0 20px 20px;
  font-size:14px;
  font-family: '宋体';
  border: 1px solid
}
</style>
